//
//  PhotoBrowserCell.swift
//  我的微博
//
//  Created by 李献红 on 15/10/20.
//  Copyright © 2015年 cn.lixianhong. All rights reserved.


import UIKit
import SDWebImage
protocol PhotoBrowserCellDelegate: NSObjectProtocol {
    
    //Cell缩放比例
    func photoBrowserCellZoom(scale: CGFloat)
    
    //结束缩放
    func photoBrowserCellEndZoom()
}

class PhotoBrowserCell: UICollectionViewCell {
    
    /// 照片代理
    weak var photoDelegate: PhotoBrowserCellDelegate?
    
    /// 图像的 URL
    var imageURL: NSURL? {
        didSet {
            
            // 显示菊花
            indicator.startAnimating()
            
            // 重设 scrollView
            resetScrollView()
            
            // 错误的设置方法，图像下载结束后，没有设置图像的大小
            // imageView.sd_setImageWithURL(imageURL)
            // 用 sdWebImage 不一定能下载到图像
            // 原因：
            // 1. url 错误
            // 2. 超时时长: 15s
            // 提示：函数执行完成后，imageView就是下载的图像
            
            // 清空图像，解决图像缓存的问题
            imageView.image = nil
            
            // 模拟延时
            dispatch_after(dispatch_time(DISPATCH_TIME_NOW, Int64(0)), dispatch_get_main_queue(), {
                
                // 用 sdwebImage 异步加载网络图像，如果 cell 被重用，之前的图像仍然存在
                self.imageView.sd_setImageWithURL(self.imageURL) { (image, _, _, _) in
                    
                    self.indicator.stopAnimating()
                    
                    if image == nil {
                        // 应该使用一个占位图像代替显示的图像
                        print("下载图像错误")
                        
                        return
                    }
                    
                    self.setupImagePostion()
                }
            })
        }
    }
    
    /// 重设 ScrollView 的偏移属性
    private func resetScrollView() {
        
        // 重设 imageView 的形变
        imageView.transform = CGAffineTransformIdentity
        
        scrollView.contentInset = UIEdgeInsetsZero
        scrollView.contentOffset = CGPointZero
        scrollView.contentSize = CGSizeZero
    }
    
    /// 设置图像位置
    /// 提示：`长短图`的概念在照片查看器中非常的重要
    private func setupImagePostion() {
        let s = self.displaySize(imageView.image!)
        
        // 图像高度比视图高度小，短图
        if s.height < scrollView.bounds.height {
            // 垂直居中
            let y = (scrollView.bounds.height - s.height) * 0.5
            imageView.frame = CGRect(origin: CGPointZero, size: s)
            // 设置间距，能够保证缩放完成后，同样能够显示完整画面
            scrollView.contentInset = UIEdgeInsets(top: y, left: 0, bottom: y, right: 0)
        } else {
            // 长图
            imageView.frame = CGRect(origin: CGPointZero, size: s)
            // contentSize
            scrollView.contentSize = s
        }
    }
    
    /// 计算显示的图像尺寸，以 scrollView 的宽度为基准
    private func displaySize(image: UIImage) -> CGSize {
        
        // 图像的高宽比
        let scale = image.size.height / image.size.width
        let height = scale * scrollView.bounds.width
        
        return CGSize(width: scrollView.bounds.width, height: height)
    }
    
    // MARK: - 构造函数
    override init(frame: CGRect) {
        super.init(frame: frame)
        
        setupUI()
    }
    
    required init?(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
    
    private func setupUI() {
        // 1. 添加控件
        contentView.addSubview(scrollView)
        scrollView.addSubview(imageView)
        
        contentView.addSubview(indicator)
        
        // 测试 scrollView 的布局是否正确
        // scrollView.backgroundColor = UIColor.redColor()
        
        // 2. 自动布局 － 只需要设置 scrollView 的布局，imageView 要根据实际的图像调整位置
        scrollView.translatesAutoresizingMaskIntoConstraints = false
        contentView.addConstraints(NSLayoutConstraint.constraintsWithVisualFormat("H:|-0-[sv]-20-|", options: NSLayoutFormatOptions(rawValue: 0), metrics: nil, views: ["sv": scrollView]))
        contentView.addConstraints(NSLayoutConstraint.constraintsWithVisualFormat("V:|-0-[sv]-0-|", options: NSLayoutFormatOptions(rawValue: 0), metrics: nil, views: ["sv": scrollView]))
        
        indicator.translatesAutoresizingMaskIntoConstraints = false
        contentView.addConstraint(NSLayoutConstraint(item: indicator, attribute: NSLayoutAttribute.CenterX, relatedBy: NSLayoutRelation.Equal, toItem: contentView, attribute: NSLayoutAttribute.CenterX, multiplier: 1.0, constant: 0))
        contentView.addConstraint(NSLayoutConstraint(item: indicator, attribute: NSLayoutAttribute.CenterY, relatedBy: NSLayoutRelation.Equal, toItem: contentView, attribute: NSLayoutAttribute.CenterY, multiplier: 1.0, constant: 0))
        
        // 设置控件
        prepareScrollView()
    }
    
    /// 准备 ScrollView
    private func prepareScrollView() {
        scrollView.delegate = self
        
        // 最大/小缩放比例
        scrollView.minimumZoomScale = 0.5
        scrollView.maximumZoomScale = 2.0
    }
    
    // MARK: 懒加载控件
    private lazy var scrollView = UIScrollView()
    lazy var imageView = UIImageView()
    /// 大菊花
    private lazy var indicator = UIActivityIndicatorView(activityIndicatorStyle: UIActivityIndicatorViewStyle.WhiteLarge)
}

extension PhotoBrowserCell: UIScrollViewDelegate {
    
    /// 告诉 scrollView 要缩放的控件
    func viewForZoomingInScrollView(scrollView: UIScrollView) -> UIView? {
        return imageView
    }
    
        /// 在缩放完成后，会被调用一次
        ///
        /// :param: scrollView scrollView
        /// :param: view       被缩放的 view
        /// :param: scale      缩放完成后的缩放比例
        func scrollViewDidEndZooming(scrollView: UIScrollView, withView view: UIView?, atScale scale: CGFloat) {
            
            // 小于 0.8 就直接解除转场
            if scale >= 0.8 {
                //重新计算间距
                // 通过 transform 改变view的缩放，bound本身没有变化，frame会变化
                var offsetX = (scrollView.bounds.width - (view?.frame.width)!) * 0.5
                
                //如果边距 < 0 需要修正
                offsetX = offsetX < 0 ? 0 : offsetX
                
                var offsetY = (scrollView.bounds.height - view!.frame.height) * 0.5
                offsetY = offsetY < 0 ? 0 : offsetY
                
                scrollView.contentInset = UIEdgeInsets(top: offsetY, left: offsetX, bottom: 0, right: 0)
            }
            // 通知代理缩放结束
            photoDelegate?.photoBrowserCellEndZoom()
        }
    

    /// 只要缩放就会调用
    /**
    transform
    a,d     缩放比例
    tx, ty  位移
    a,b,c,d 共同决定旋转
    */
  
    func scrollViewDidZoom(scrollView: UIScrollView) {

        photoDelegate?.photoBrowserCellZoom(imageView.transform.a)
    
    }
}

